/* 页头 */

.shenglue {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    display: inline-block;
}

.shenglue2 {
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    display: inline-block;
}

.shenglue3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
    display: inline-block;
}

a,
a:link,
a:hover {
    text-decoration: none;
    color: rgba(80, 80, 80, 1);
}

img.responsive,.responsive img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

body{
    background-color: #f1f1f1;
}

.container{
    background-color: #ffffff;;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

#menu-quanzhandaohang a {
    color: #ffffff;
}
#menu-quanzhandaohang ul  a{
    color: #000;
}

.logo_area {
    align-items: center;
    justify-content: center;
    display: flex;
}

.header-search ul {
    display: flex;
    padding: 0;
}

.header-search .form-group {
    margin-bottom: 0;
}

.sticky-wrapper.is-sticky .sticky-menu {
    width: 100%;
    z-index: 999;
    opacity: .85;
}

.main-header .mainmenu-area {
    background-color: #000;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    z-index: 999;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

.main-header .header-search {
    padding-top: 15px;
}

.main-header .header-search ul li.menuleft-address {
    background: #fff;
}

.main-header .mainmenu-area .navbar .dropdown-menu li>a.active {}

.dropdown-menu li>a:before {
    content: "";
    background: #fff;
}

.main-header .header-search .form-control {
    width: 107px;
    height: 30px;
    left: 1035px;
    top: 27px;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(153, 153, 153, 0.02);
    border-radius: 8px;
    font-size: 14px;
    line-height: 150%;
    border: rgba(166, 166, 166, 1) solid 1px;
    text-align: center;
}

.main-header .header-search button.btn {
    position: absolute;
    top: 12px;
    background: transparent;
    color: #fff;
    right: 16px;
}

.main-header .header-search form .form-control:hover,
.main-header .header-search form .form-control:focus {
    color: #ffffff;
    border: 1px solid #ffffff;
    box-shadow: none;
    outline: 0 none;
}

/* 页尾 */

.links_ygwa {
    position: relative;
}

.links_ygwa a {
    /* padding-left: 20px; */
}

.links_ygwa a:before {
    /* position: absolute;
    left: 0;
    top: 0; */
    content: '';
    display: inline-block;
    width: 20px;
    height: 28px;
    background: url('../images/ygwa.png') no-repeat;
    vertical-align: middle;
    padding-right: 24px;
}

.friendly_link{
    padding: 15px 30px;
    margin: 15px;
    background-color: #fff;
}

.friendly_link ul {
    display: flex;
    padding: 1rem 0 0;
}

.friendly_link ul li {
    list-style: none;
}

.friendly_link ul li a {
    color: #8f8f8f;
    display: block;
    padding-right: 1rem;
}

.copyright {
    padding-top: 0px;
    background-color: #222;
}

.copyright .row {
    border-top: 1px dotted #efefef;
    padding-top: 30px;
}

.copyright,
.copyright a,
.copyright a:hover {
    color: #fff;
    /* font-size: 26px; */
}

.copyright-text p {
    text-align: center;
    margin-bottom: 0.5rem;
    color: #fff;
}



/* 首页 */

.addss>figure{
    flex: 1;
    position: relative;
}

.addss .wp-block-image img{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.addss .wp-block-image figcaption{
    font-size: 20px;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-weight: 400;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.2);
    padding: 0.5rem 1rem;

}
.addss .wp-block-image:hover figcaption{
    background: rgba(0,0,0,.4);

}
.pruduct-list-padding>a {
    display: flex;
    height: 200px;
    vertical-align: middle;
}

.pruduct-list-padding img {
    width: 100%;
    max-width: 100%;
    vertical-align: middle;
    border-style: none;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-pixelated;
    image-rendering: pixelated;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 250px;
    width:350px;
    height:200px;
}

.part-recommend {
    padding-top: 16px;
}

.part-recommend h2 {
    text-align: left;
    position: relative;
    padding: 16px 0;
}

.part-recommend h2:before {
    display: inline-block;
    content: '';
    width: 4px;
    height: 22px;
    background-color: #0BADAC;
    position: absolute;
    bottom: 16px;
    margin-left: 16px;
}

.part-recommend h2 a {
    color: rgba(80, 80, 80, 1);
    font-size: 24px;
    font-weight: bold;
    padding-left: 40px;
    /* padding-left: 24px; */
}

p.product-list-title {
    margin: 1rem 0;
}

p.product-list-title a {
    color: rgba(80, 80, 80, 1);
    font-size: 18px;
    font-weight: bold;
}

.index-recommend{
    padding-left: 3rem;
    padding-top: 1rem;
}

.index-recommend h3,.index-recommend h5{
    font-weight: 600;
}

.index-recommend h3{
    font-size: 24px;
    margin-bottom: 2rem;
}

.index-recommend h5{
    font-size: 18px;
    margin-bottom: 1rem;
}

.index-recommend p{
    font-size: 16px;
}

.index-recommend .recommend_type{
    border: 1px solid #000;
    margin: 0.5rem 1rem 0.5rem 0;
    padding: 0.2rem;
}

.index-recommend li{
    border: 1px solid #000;
    margin: 0 1rem 0.5rem 0;
    padding: 0.2rem;
    float: left;
}

.pstyle1 {
    padding: 2px
}

/* 首页--百科 */
.baike_left a{
    position: relative;
}
.baike_left p{
    position:absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    padding:0.5rem 1rem;
    color: #ffffff;
    margin-bottom: 0;
    bottom: 0;

}

.product-list-des {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.wenda-title {
    position: relative;
    background-color: rgba(205, 197, 197, 1);
    padding: 12px 16px 0 12px;
}

.wenda-title a {}

.wenda-title a:before {
    display: inline-block;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(../images/ask.png);
    position: absolute;
    top: 15px;
    margin-left: 0px;
}

.wenda-title h5 {
    display: inline-block;
    margin-left: 30px;
    color: rgba(80, 80, 80, 1);
    font-size: 18px;
    line-height: 150%;
    text-align: left;
    font-weight: bold;
}
a.sticky {
    color: #FC4454;
    font-style: italic;
}
.wenda-desc {
    padding-left: 30px;
    background-color: rgba(205, 197, 197, 1);
    padding: 0px 16px 12px 40px;
    color: rgba(80, 80, 80, 1);
    font-size: 14px;
    line-height: 150%;
    text-align: left;
}

.wenda-desc p {
    margin-bottom: 0;
}

.wenda-padding {
    margin-bottom: 16px;
}

.text_136X1 {
    width: 342px;
    height: 27px;
    left: 124px;
    top: 171px;
    color: rgba(80, 80, 80, 1);
    font-size: 18px;
    line-height: 150%;
    text-align: left;
    font-weight: bold;
}

.ceping_grid {
    display: grid;
    grid-template-columns: 2fr repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    }
    
    .ceping-list-1 { grid-area: 1 / 1 / 3 / 2;position: relative;}
    .ceping-list-2 { grid-area: 1 / 2 / 2 / 3;position: relative;}
    .ceping-list-3 { grid-area: 1 / 3 / 2 / 4;position: relative;}
    .ceping-list-4 { grid-area: 2 / 2 / 3 / 3;position: relative;}
    .ceping-list-5 { grid-area: 2 / 3 / 3 / 4;position: relative;}
    .ceping-list-title{
        position: absolute;
        bottom: 0px;
        left: 50%;
        transform:translateX(-50%);
        width: 100%;
        text-align: center;
        margin-bottom: 0;


    }
    .jianbian_bg{
        background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.8) 70%);
    }
    .ceping-list-title a{

        font-size: 18px;
        color: #ffffff;
        padding: 0.5rem 1rem;
    }
    .ceping_grid img{
        width: 100%;
    height: 100%;
    object-fit:cover;
    }








    @media (max-width: 992px) {
        .ceping-list-title a {
            font-size: 1rem;
            color: #ffffff;
            padding:0.5rem 0;
        }


        .ceping_grid{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: repeat(4, 1fr);
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            }

        .ceping-list-1 { grid-area: 1 / 1 / 3 / 3; }
        .ceping-list-2 { grid-area: 3 / 1 / 4 / 2; }
        .ceping-list-3 { grid-area: 3 / 2 / 4 / 3; }
        .ceping-list-4 { grid-area: 4 / 1 / 5 / 2; }
        .ceping-list-5 { grid-area: 4 / 2 / 5 / 3; }
        .addss>figure {
            flex: 1;
            position: relative;
            min-width: 100px;
        }
    }
/* 文章详情页 */
.article-area h1{
    font-size: 26px;
}
#article-content h2{
    font-size: 18px;
    font-weight: 600;
}
.aritcle-title {
    color: rgba(80, 80, 80, 1);
    font-size: 40px;
    width: 100%;
    padding: 16px 0;
}

.article-area {
    margin-top: 12px;
}

.article-meta {
    width: 100%;
    text-align: center;
    margin-bottom: 36px;
}

.article-meta i {
    color: red
}

.article-tag {
    padding: 1rem 0;
    margin-top: 1rem;
}

.article-tag i {
    padding-right: 0.5rem;
    border-right: rgba(140, 204, 140, 1) 2px solid;
    margin-right: 0.5rem;
}

.page {
    display: flex;
    padding-bottom: 1rem;
    justify-content: center;
}

span.delimiter {
    padding: 0 1rem
}

.breadcrumbs {
    padding: 1rem;
}

.singledes {
    border-left: 8px solid rgba(66, 66, 66, .2);
    padding: 8px 0 16px 0;
    margin-bottom: 2rem;
}

.singledes-content {
    padding: 8px 0 0 16px;
    border-top: 1px solid rgba(133, 133, 133, .1)
}

#article-content img {
    max-width: 100%;
}

/* 产品页 */

.product-img{
    border: 1px solid #f1f1f1;
}

.product-img img{
    max-width: 100%;
}

h1.product-title{
    font-size: 22px;
	font-weight: bold;
}

.product-des ul{
    padding-left: 18px;
}

.product-des li{
    list-style-type:square;
}

.product_canshu {
    margin-bottom: 2rem;
}

.product_tab_ul{
    display: flex;
    justify-content: space-around;
    background-color: #f1f1f1;
    border-bottom: 2px solid #FC4454;
}

.product_tab_ul li{
    width:100%;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 1rem;
    transition: all 0.5s;
}

.product_tab_ul li:hover{
color: #ffffff;
background-color: #fc6e7a;
cursor: pointer;
}

.product_tab_ul .active{
    color: #ffffff;
    background-color: #FC4454;
    cursor: pointer;
    }
    
.product_tab_content{
    padding-top: 1rem;
}

.product_tab_content .tab_item{
    display: none;
}

.product_tab_content .tab_item.active{
    display: block;
}

/* 列表页 */

.single-item {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 4px solid #f8f8f8;

    min-height: 221px;
}

.section, .single-item {
    padding: 20px;
    background-color: #fff;
}

	.single-item a {
    /* float: left; */
}

/*.post-summary {
    color: #999;
    margin-left: 210px;
}*/
.single-item h2 a {
    font-weight: 500;
    color: #333;
    line-height: 2em;
    font-size: 18px;
    width: 100%;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 600;
}

.single-item .post-tag>span {
    margin-right: 6px;
}
.single-item .post-tag-l{display: flex;}
.single-item .post-info-time{margin-left: 12px;}

.single-item img {
/*    max-width: 180px;
    max-height: 142px;*/
    width: 100%;
}
span.category_list.shenglue{
    max-width: 11rem;

}
.lazyloaded {
    opacity: 1;
    transition: opacity 0.3s cubic-bezier(0.77,0,0.175,1);
}

.post-summary .post-tag{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.post-summary .read_more a{
    font-size: 14px;
    color: #FC4454;
}

.page-num{padding-top:2rem;margin-bottom:1rem;display: flex;}
.page-num>a{font-size:1.5rem;padding:1rem 2rem;display:inline-block;color:#222;background:#eff0f1;margin:0 2px;border-radius:2px;}
.page-num>span{font-size:1.5rem;padding:1rem 2rem;display:inline-block;color:#ffffff;background:#FC4454;margin:0 2px;border-radius:2px;}
.page-num>a:hover{color:#ffffff;background:#FC4454;}
.page-num svg{vertical-align:middle;}
.page-num a:hover svg path{fill:rgba(255,255,255,1);}
.page-next{
    margin-bottom: 1.5rem;
}
/* 侧边栏 */
.slider_part_title{
    font-size: 16px;
    text-align: center;
    margin: 0 -16px 16px -16px;
    background: #f1f1f1;
    padding: 1rem;
}

.slider_part{
    padding: 0 1rem 1rem 1rem;
    margin: 1rem 0;
    border: 2px solid #f1f1f1;
}

.slider_part p{
    margin-top: 0.5rem;
}
.aligncenter{
    text-align: center;
}

/* 搜索 */
.page-title{
    font-size: 24px;
    padding: 1.5rem 0;
}
a.nav-link{
    color: rgba(229,229,229,1);
}





@media (max-width: 992px) {
    .mainmenu-area .logo_area {
        display: none;
    }

    p.product-list-title {
        text-align: center;
    }
    .pruduct-list-padding img {
        width: 100%;
        height:unset;
    }
    
}

#gallery-1 {
    display: flex;
    flex-wrap: nowrap;
}
#gallery-1 .gallery-item{
    flex: 1;

}
#gallery-1 img {
    border: 1px solid #cfcfcf;
    max-width: 100%;
    height: auto;
}


@media (max-width: 1200px) {
    .main-header .mainmenu-area .navbar-nav .nav-link {
        padding: unset;
    }
    #gallery-1{
        display: flex;
        flex-wrap: wrap;
    }
    #gallery-1 .gallery-item{
        width: 33.3% !important;
        flex: auto;

    }
}

/* banner */
.pagination>a,.pagination>span{
    font-size: 1.5rem;
    padding: 1rem 2rem;
    display: inline-block;
    color: #222;
    background: #eff0f1;
    margin: 0 2px;
    border-radius: 2px;
}
.pagination>a.active{
    background: #FC4454;
    color: #ffffff;
}
.pagination>a:hover{
    background: #FC4454;
    color: #ffffff;
}

/* 商品广告 */

.GoodsRecommendCard{position:relative;z-index:0;display:block;width:390px;max-width:100%;min-height:88px;margin:1em auto;border-radius:8px;background-color:#f6f6f6;color:inherit;text-decoration:none;overflow:hidden;}
.GoodsRecommendCardPrice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px;margin-right:auto;line-height:18px;font-family:ZHVipFont;font-size:15px;color:#fd5409;overflow:hidden;}
.GoodsRecommendCardPrice-sell{font-weight:500;font-size:16px;font-family:ZHVipFont;}
.CPSCommonCard{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;max-width:400px;min-height:88px;padding:14px;cursor:pointer;overflow:hidden;}
.CPSCommonCard-imageBox{position:relative;-ms-flex-negative:0;flex-shrink:0;height:100px;width:100px;border-radius:6px;overflow:hidden;}
.CPSCommonCard-image{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;}
.CPSCommonCard-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:12px;}
.CPSCommonCard-info,.CPSCommonCard-title{-webkit-box-orient:vertical;overflow:hidden;}
.CPSCommonCard-title{color:#121212;font-size:16px;line-height:20px;max-height:40px;font-weight:600;font-synthesis:style;display:-webkit-box;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;}
.CPSCommonCard-subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:6px;}
.CPSCommonCard-subtitle-text{color:grey;font-size:12px;line-height:16px;margin-right:12px;-webkit-box-flex:0;-ms-flex:none;flex:none;font-weight:600;font-synthesis:style;}
.CPSCommonCard-tool{margin-top:auto;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;}
.CPSCommonCard-button,.CPSCommonCard-tool{height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;}
.CPSCommonCard-button{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-align:center;color:#fd5409;font-size:13px;line-height:18px;font-weight:600;font-synthesis:style;}
.css-9scqi7 a:focus{outline:none;-webkit-transition:box-shadow 0.3s;transition:box-shadow 0.3s;}
.GoodsRecommendCard{position:relative;z-index:0;display:block;width:390px;max-width:100%;min-height:88px;margin:1em auto;border-radius:8px;background-color:#f6f6f6;color:inherit;text-decoration:none;overflow:hidden;}
.GoodsRecommendCardPrice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px;margin-right:auto;line-height:18px;font-family:ZHVipFont;font-size:15px;color:#fd5409;overflow:hidden;}
.GoodsRecommendCardPrice-sell{font-weight:600;font-size:16px;font-family:ZHVipFont;}
.CPSCommonCard{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%;max-width:400px;min-height:88px;padding:14px;cursor:pointer;overflow:hidden;}
.CPSCommonCard-imageBox{position:relative;-ms-flex-negative:0;flex-shrink:0;height:100px;width:100px;border-radius:6px;overflow:hidden;}
.CPSCommonCard-image{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;}
.CPSCommonCard-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:12px;}
.CPSCommonCard-info,.CPSCommonCard-title{-webkit-box-orient:vertical;overflow:hidden;}
.CPSCommonCard-title{color:#121212;font-size:16px;line-height:20px;max-height:40px;font-weight:600;font-synthesis:style;display:-webkit-box;text-overflow:ellipsis;word-break:break-all;-webkit-line-clamp:2;}
.CPSCommonCard-subtitle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:6px;}
.CPSCommonCard-subtitle-text{color:grey;font-size:12px;line-height:16px;margin-right:12px;-webkit-box-flex:0;-ms-flex:none;flex:none;font-weight:600;font-synthesis:style;}
.CPSCommonCard-tool{margin-top:auto;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;}
.CPSCommonCard-button,.CPSCommonCard-tool{height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;}
.CPSCommonCard-button{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:start;align-self:flex-start;-ms-flex-align:center;color:#fd5409;font-size:13px;line-height:18px;font-weight:600;font-synthesis:style;}






/* add-homepage */
@media (min-width: 768px) {
    .baikepart-recommend img{
        height: 200px!important;
        object-fit: cover;
        width: 100%;
    }
    .baikepart-recommend .div-widget-area a{display: block;}
}




@media (max-width: 992px) {
    html{
        font-size: 14px;
    }
}